import { defineStore } from "pinia"
import { computed, ref } from "vue"

// 通过 defineStore 定义数据仓库，返回获取仓库的函数，命名一般是 useXxxStore
export const useCounterStore = defineStore("counter", () => {

  // state 数据
  const totalCount = ref(0)

  // actions 修改数据
  const addTotalCount = (value: number) => {
    totalCount.value += value
  }

  // getters 计算属性
  const dobuleTotalCount = computed(() => {
    return totalCount.value * 2
  })

  // 记得 return 数据 和 修改数据的函数
  return { totalCount, addTotalCount, dobuleTotalCount }
}, { persist: true }) // 配置持久化:开启持久化存储